.section-list {
    .section {
        &.section1 {
            .section-inner {
                .section-body {
                    padding-bottom: 12px;

                    ul {
                        li {
                            box-shadow: 0px 4px 6px 0px rgba(237, 237, 237, 0.35), 4px 0px 6px 0px rgba(237, 237, 237, 0.41);
                            border-radius: 6px;
                            margin: 0 16px 16px;
                            padding: 20px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: #ffffff;

                            img {
                                width: 26px;
                                flex-shrink: 0;
                                margin-right: 20px;
                            }

                            .text-wrap {
                                flex: 1;

                                h1 {
                                    color: #000000;
                                    font-weight: 500;
                                    font-size: 16px;
                                    margin-bottom: 8px;
                                    line-height: 25px;
                                }

                                p {
                                    color: #5B5B5B;
                                    line-height: 25px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
            }
        }

        &.section2 {
            .section-body {
                text-align: center;

                .wrap_box {
                    display: flex;
                    justify-content: center;

                    .wrap {
                        align-items: center;
                        white-space: nowrap;
                        border-radius: 1.75rem;
                        color: #5B5B5B;
                        transition: all 400ms;
                        margin: 8px 10px 16px;
                        cursor: pointer;
                        font-size: 14px;

                        &.on {
                            color: #FE8401;
                        }
                    }
                }

                .tab-content {
                    position: relative;
                    width: 200px;
                    height: 407px;
                    padding: 12px;
                    margin: 10px auto 16px;

                    .phone_bg {
                        position: absolute;
                        left: 0;
                        top: 0;
                        height: 100%;
                        width: 100%;
                        z-index: 111;
                        pointer-events: none;
                        background: url(~@/assets/img/img_3_46.png) no-repeat center center/cover;
                    }

                    .swiper {
                        height: 100%;
                        width: 100%;
                        border-radius: 20px;

                        img {
                            width: 100%;
                            border-radius: 20px;
                        }
                    }
                }
            }
        }
    }
}